@charset "utf-8";
$fontsize:40;
@function r($px) {
    @return $px/$fontsize * 1rem;
}

* {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#fatch {
    width: 100%;
    height: 100%;
    position: relative;
    .son {
        width: 96%;
        left: 2%;
        top: 1%;
        height: 98%;
        z-index: 1;
        position: absolute;
        img {
            width: 100%;
            height: 100%;
            user-select:none;
        }
    }
    .son1 {
        width: 60%;
        height: r(25);
        z-index: 1;
        position: absolute;
        top: 10%;
        left: 30%;
        img {
            width: 70%;
            user-select:none;
        }
    }
    .son2 {
        position: absolute;
        top: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        img {
            width: 100%;
            height: 100%;
            user-select:none;
        }
    }
    .bian {
        position: absolute;
        width: r(450);
        height: r(486);
        top: 25%;
        left: 21%;
        z-index: 8;
        text-align: center;
        p {
            z-index: 1;
            color: #ffd977;
            font-size: 110%;
        }
        .zit{
            font-size: r(19);
            margin-top: r(18);
            color: #fff;
            span{
                color: #FFD977;
                font-size: r(26);
                font-weight: 600;
            }
        }
        .honb{
            width: r(311);
            height: r(182);
            margin: 0 auto;
            margin-top: r(86);
            img{
                width: 100%;
                user-select:none;
            }
        }
        .jihui{
            color: #FFFFFF;
            font-size: r(28) ;
            margin-top: r(90);
        }
        .jihui2{
            color: #FFFFFF;
            font-size: r(28) ;
        }
    }
    .di{
        width: r(480);
        height: r(65);
        position: absolute;
        bottom: r(152);
        left: r(150);
        z-index: 8;
        .Left{
            float: left;
            width: r(227);
            height: r(65);
            line-height: r(65);
            text-align: center;
            color: #FFD977;
            border: 1px solid #FFD977;
        }
        .Right{
            float: left;
            width: r(227);
            height: r(67);
            margin-left: r(12);
            line-height: r(65);
            text-align: center;
            background: #FFD977;
            color: #a20500;
        }
    }
}